<template>
	<view class="page-loading">
		<view class="loading-box">
			<image src="/static/laoading/loading.gif" mode="aspectFill" />
		</view>
			
	</view>
</template>

<script>
	export default {
		props:{
			msg:{
				type:String,
				default:'数据加载中，请稍等'
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.page-loading{
		min-height: 600rpx;
		position: relative;
	}
.loading-box{
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	.cen{
		margin: 20rpx auto;
		display: flex;
		justify-content: center;
		align-items: center;
		image{
			width: 60rpx;
			height: 60rpx;
			margin-right: 40rpx;
			animation: rotate 1s linear infinite;
			position: relative;
			@keyframes rotate{
				from{transform: rotate(0deg) }
			    to{transform: rotate(359deg) }
			}
		}
		
	}
	.msg{
		// text-align:center;
		color: #999;
	}
}

</style>
